<template>
<div>
    <!-- 面包屑 -->
    <el-bread></el-bread>
    <!-- 添加按钮 -->
    <el-button type="primary" class="btn" @click="addDialog">添加</el-button>
    <!-- 列表组件 -->
    <v-list></v-list>
    <!-- 弹框组件 -->
    <v-dialog :isShow="isShow" :isAdd="isAdd" @cancel="cancel"></v-dialog>
</div>
</template>
<script lang='ts' setup>
// 引入面包屑
import elBread from '../../common/elbread.vue'
// 引入列表组件
import vList from './list.vue'
// 引入弹框组件
import vDialog from './dialog.vue'
import {ref} from 'vue'
// 用来控制弹框显示和隐藏
let isShow=ref(false)
let isAdd=ref(true)
// 打开弹框事件
const addDialog=()=>{
    isShow.value=true
    isAdd.value=true
}
// 取消弹框事件
const cancel=(e:boolean)=>{
    isShow.value=e
}
</script>
<style scoped>
.btn{
    margin: 15px;
}
</style>